@charset "utf-8";
/*test*/
/* div {border:solid gray 1px;} */

* {font-family:Verdana, 微软雅黑,宋体;font-size:12px;color:#666;}
html,body {margin:0;padding:0;width:100%;height:100%;background-color:#ddd;}
em{color:red;}

#main_container{text-align:center;height:100%;display:block;}
#copyright {text-align:center;height:32px;}

#index,#login,#register {height:500px;}

a,a:visited {color:#09F;}
a:hover {color:#F33;}
a.separator{font:Geneva, sans-serif;color:#333;font-size:11px;font-weight:bolder;}
a.tips{font:Georgia,Times, serif;color:#333;font-size:13px;font-weight:bolder;}

.highlight {color:#F60;}
.hr {border-style:dotted;border-width:1px 0 0 0;height:0px;border-color:#aaa;}

.r5px {-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.r0555px{
	-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:2px;-webkit-border-bottom-left-radius:2px;-webkit-border-bottom-right-radius:2px;
	-moz-border-radius-topleft:0;-moz-border-radius-topright:2px;-moz-border-radius-bottomleft:2px;-moz-border-radius-bottomright:2px;}

.b2px {border:#3CC solid 2px;}
.b2px:focus {border:#EFCA5E solid 2px;}
.f12px{font-size:12px;}
.i18px {padding:2px;border:#AAA dotted 1px;}
.i18px:hover{padding:2px;border:#f00 dotted 1px;}

.normal_input{height:22px;padding:0 4px 0 4px;background:#E2F0FF;}
.normal_input:focus {height:22px;padding:0 4px 0 4px;background:#FAFFBD;}

.blue_btn {height:26px;background:#06f;border:none;color:#fff;}

#err_msg {position:absolute;height:30px;top:30px;left:34%;}
#err_msg ol li {display:inline-block;color:red;list-style:decimal;}

#logo{height:220px;background:transparent url(/images/all_bg.png) no-repeat scroll 51% 170px;}

#login .form ul li,#register .form ul li,#invite .form ul li{list-style:none;line-height:30px;}
#register .form ul li{display:inline-block;}
#login .form ul li ul li{display:inline-block;width:180px;text-align:left;}
#invite .form ul li {display:inline-block;line-height:30px;text-align:left;vertical-align:top;}

#topbar {width:100%;text-align:left;height:25px;background:#505759;padding:10px 0;}
#ilogo {float:left;width:130px;text-align:left;padding:0 0 0 10px;}
#navs {width:auto;}

#appbar {text-align:center;float:left;width:400px;}

#userbar {text-align:right;float:right;padding:0 10px 0 0;width:230px;}
#userbar ul{margin:0;}
#userbar ul li {list-style:none;}

/*user bar with icon
#userbar ul li nav a{padding:0 0 0 17px;}
a[class^="ub_"] {background-image:url(/images/icons2.png);background-repeat:no-repeat;}
.ub_logout {background-position:0 -425px;}
.ub_invite {background-position:0 -892px;}
.ub_setting {background-position:0 -292px;}
.ub_home {background-position:0 -757px;}
*/
/*user bar without icon*/
#userbar ul li nav a{padding:0 0 0 10px;}


#usr_area {float:left;width:300px;background:#CFDBEC;margin:14px 10px 0 10px;}
#content_area{margin:0 10px 0 350px;}

#content_area, #usr_area, #settings {display:block;height:100%;text-align:left;padding:10px;}
.m_content {display:block;height:100%;text-align:left;padding:10px;}
div.clear { clear: both; height: 1px; overflow: hidden; font-size:0pt; margin-top: -1px; } 
.div_sep {height:10px;}


#usr_area ul{padding:0;margin:0;}
#usr_area ul li {display:inline-block;list-style:none;}
#usr_area ul li ul li {display:list-item;list-style:none;}

#usr_operation {text-align:right;}

#welcome {overflow:hidden;text-align:left;}

#domains {}
#domains ul li,#tech ul li,#positions ui li{list-style:none;width:100%;text-align:left;}
#domains ul li div{width:150px;text-align:left;display:inline-block;}

#positions section ui li div {width:250px;text-align:left;display:inline-block;}

#settings {text-align:left;}
#basic {}
section ul {padding:0;}